﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BookingViewNew.aspx.cs" Inherits="AssignmentSWEN3.BookingViewNew" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>New Event</title>
    <style type="text/css">
        .auto-style1
        {
            text-align: right;
            width: 158px;
        }
        .auto-style5
        {
            width: 325px;
            height: 486px;
        }
        .auto-style7
        {
            text-align: left;
            width: 301px;
        }
        .auto-style9
        {
            font-size: large;
        }
        .auto-style11
        {
            text-align: center;
            width: 158px;
        }
        .auto-style12
        {
            font-size: small;
        }
        .auto-style13 {
            text-align: right;
            width: 158px;
            height: 36px;
        }
        .auto-style14 {
            width: 301px;
            height: 36px;
        }
        .auto-style15 {
            width: 158px;
        }
        .auto-style16 {
            text-align: right;
            width: 158px;
            height: 38px;
        }
        .auto-style17 {
            width: 301px;
            height: 38px;
        }
        .auto-style18
        {
            color: #FF0000;
        }
        .auto-style19
        {
            width: 301px;
        }
    </style>
</head>
<body style="height: 641px; width: 321px; background-color: #CCCCCC">
    <form id="form1" runat="server">
    <div style="width: 310px; height: 647px; margin-top: 0px;">
        <br />
        <table border="1" class="auto-style5">
            <tr>
                <td class="auto-style15">&nbsp;</td>
                <td class="auto-style19"><strong><span class="auto-style9">New Reservation</span></strong><br />
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Start:</td>
                <td class="auto-style19">
                    <asp:TextBox ID="StartTextBox" runat="server" Width="187px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">End:</td>
                <td class="auto-style19">
                    <asp:TextBox ID="EndTextBox" runat="server" Width="186px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style16">Resource:</td>
                <td class="auto-style17">
                    <asp:DropDownList ID="DropDownRoomList" runat="server" Height="25px" Width="186px">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Name:</td>
                <td class="auto-style19">
                    <asp:TextBox ID="NameTextBox" runat="server" Width="185px"></asp:TextBox>
                    <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" CssClass="auto-style18" ErrorMessage="Please Enter Name" ControlToValidate="NameTextBox"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Address:</td>
                <td class="auto-style19">
                    <asp:TextBox ID="AddressTextBox" runat="server" Width="185px"></asp:TextBox>
                    <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" CssClass="auto-style18" ErrorMessage="Please Enter Address" ControlToValidate="AddressTextBox"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td class="auto-style13">Email:</td>
                <td class="auto-style14">
                    <asp:TextBox ID="EmailTextBox" runat="server" Width="185px"></asp:TextBox>
                    <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" CssClass="auto-style18" ErrorMessage="Please Enter Email" ControlToValidate="EmailTextBox"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Phone Number:</td>
                <td class="auto-style19">
                    <asp:TextBox ID="PhoneTextBox" runat="server" Width="185px"></asp:TextBox>
                    <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" CssClass="auto-style18" ErrorMessage="Please Enter PhoneNo." ControlToValidate="PhoneTextBox"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">No. of Adults:</td>
                <td class="auto-style19">
                    <asp:TextBox ID="TextBoxAdult" runat="server" Width="185px"></asp:TextBox>
                    <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" CssClass="auto-style18" ErrorMessage="Please Enter Quantity" ControlToValidate="TextBoxAdult"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">No. of Children:</td>
                <td class="auto-style19">
                    <asp:TextBox ID="TextBoxChild" runat="server" Width="185px"></asp:TextBox>
                    <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" CssClass="auto-style18" ErrorMessage="Please Enter Quantity" ControlToValidate="TextBoxChild"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Credit Card No.:</td>
                <td class="auto-style19">
                    <asp:TextBox ID="TextBox1" runat="server" Width="185px"></asp:TextBox>
                    <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" CssClass="auto-style18" ErrorMessage="Please Enter Card No." ControlToValidate="TextBox1"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Credit Card Expiry:</td>
                <td class="auto-style19">
                    <asp:TextBox ID="TextBox2" runat="server" Width="185px"></asp:TextBox>
                    <br />
                    <span class="auto-style12"><em>DD/MM/YYYY<br />
                    </em>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" CssClass="auto-style18" ErrorMessage="Please Enter Date" style="font-size: medium" ControlToValidate="TextBox2"></asp:RequiredFieldValidator>
                    </span></td>
            </tr>
            <tr>
                <td class="auto-style11"></td>
                <td class="auto-style7">
                    <asp:Button ID="ButtonOkay" runat="server" OnClick="ButtonOkay_Click" Text="Okay" />
                    &nbsp;&nbsp;
                    <asp:Button ID="ButtonCancel" runat="server" Text="Cancel" OnClick="ButtonCancel_Click" CausesValidation="False" />
                </td>
            </tr>
            </table>
    </div>
    </form>
</body>
</html>
